function updateBodyWidth() {
    const bodyWidth = document.body.clientWidth;
    console.log('Body width:', bodyWidth);
    document.documentElement.style.setProperty('--bodyWidth', bodyWidth + 'px');
}

// 更新 table 的宽度并传递给 CSS 变量
function updateTableWidth() {
    // 获取 body 的宽度
    const bodyWidth = document.body.clientWidth;

    // 获取表格元素
    const table = document.querySelector('.sheettable');

    // 检查是否获取到了表格元素
    if (table) {
        // 获取表格的宽度
        let tableWidth = table.clientWidth;

        // 如果表格宽度大于 body 宽度，则表格宽度设为 body 宽度
        if (tableWidth > bodyWidth) {
            tableWidth = bodyWidth;
        }

        // 将 body 和 table 的宽度传给 CSS 变量
        document.documentElement.style.setProperty('--tableWidth', tableWidth + 'px');
        console.log('Table width:', tableWidth);
    } else {
        console.error('无法找到表格元素');
    }
}

// 当文档加载完毕时，初始化宽度
document.addEventListener('DOMContentLoaded', function () {
    updateBodyWidth();
    updateTableWidth();
});

// 监听窗口调整大小事件并更新 body 和 table 宽度
window.addEventListener('resize', function () {
    updateBodyWidth();
    updateTableWidth();
});